<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>专家团队</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script type="text/javascript" src="../js/lib/remtest.js" ></script>
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" href="../css/swiper.min.css">
		<link rel="stylesheet" href="../css/zjteamapp.css" />
		<script type="text/javascript" src="../js/iconfont.js"></script>
		<style type="text/css">
			html,
			body {
				background: url(../images/zjteambg.jpg) no-repeat center;
				height: auto;
			}
			
			.iconzc {
				width: 1em;
				height: 1em;
				vertical-align: -0.15em;
				fill: currentColor;
				overflow: hidden;
			}
			
			.swiper-container {
				width: 90%;
				height: auto;
				padding: 0px;
			}
			
			.swiper-slide {
				background-position: center;
				background-size: cover;
				width: 90%;
				height: auto;
			}
			
			.mui-table-view {
				width: 90%;
				margin: 0 auto;
				background: rgba(0, 0, 0, 0);
				position: relative;
			}
			
			.mui-table-view-cell {
				position: relative;
				overflow: hidden;
				padding: 0px;
				-webkit-touch-callout: none;
			}
		</style>

	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">中诚黄金</h1>
		</header>-->

		<div class="mui-content">
			<div class="zcjsa">
				<p>
					中诚黄金是一家专业从事上海黄金交易所黄金T+D业 务的投资咨询金融服务公司。公司自成立以来，业务 快速发展，组建了由多位资深金融分析师组成的研发 团队，不断满足广大投资者的投资理财需求，帮助投 资者更好的实现资产增值服务，赢得了业内人士和广 大投资者的认可。
				</p>

			</div>

			<h4 class="teamtit">		
					<svg class="iconzc" aria-hidden="true">
  <use xlink:href="#icon-zhuanjiatuandui-renqi"></use>
</svg> 人气分析师
		        </h4>

			<ul id="OA_task_2" class="mui-table-view">

				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<li class="mui-table-view-cell" id="tcc">
								<div class="mui-slider-left mui-disabled">
									<a class="mui-btn"></a>
								</div>
								<div class="mui-slider-right mui-disabled">
									<a class="mui-btn"></a>
								</div>
								<div class="mui-slider-handle">
									<div class="lsnb">
										<img src="../images/ls3.png">
										<h5 class="lstit">		
					<svg class="iconzc" aria-hidden="true">
  <use xlink:href="#icon-zhuanjiatuandui-renqi"></use>
</svg>
		    <span>张文山·</span>中诚黄金高级金融分析师
		        </h5>
										<p class="xhxx"></p>
										<p class="lsjja">张文山，2011年开始从事证券，期货，及金融衍生品方面投资工作。主要从事操盘手，分析师等工作。专注于裸K线分析，价值投资理论，波浪理论，阻力线支撑线交易法则，短线交易为主，中线布局相结合。2015年6月份利用技术形态，波浪理论成功预测A股顶部。擅长大资金的中线布局，进行价值投资···</p>
										<button class="ckxqbnt" onclick="openWindowWithTitle('zjteama.html','张文山')">
		        	查看详情
		        </button>

									</div>
								</div>
							</li>

						</div>

					</div>

					<!-- Add Pagination -->
					<!-- Add Arrows -->
				</div>
			</ul>

		</div>

		<!--模板-->
		<div id="model" style="display: none;">
			<div class="swiper-slide">
				<li class="mui-table-view-cell" id="tcc">
					<div class="mui-slider-left mui-disabled">
						<a class="mui-btn"></a>
					</div>
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn"></a>
					</div>
					<div class="mui-slider-handle">
						<div class="lsnb">
							<img src="${cb:img_url}">
							<h5 class="lstit">		
					<svg class="iconzc" aria-hidden="true">
  <use xlink:href="#icon-zhuanjiatuandui-renqi"></use>
</svg>
		    <span>${title}·</span>中诚黄金高级金融分析师
		        </h5>
							<p class="xhxx"></p>
							<p class="lsjja">${cb:zhaiyao}···</p>
							<button class="ckxqbnt" onclick="openWindowWithTitle('zjteama.html?id=${id}','${cb:title}')">
		        	查看详情
		        </button>

						</div>
					</div>
				</li>

			</div>
		</div>
		<!--模板end-->
		<!--<h5>		
					<svg class="iconzc" aria-hidden="true">
  <use xlink:href="#icon-zhuanjiatuandui-qiehuan"></use>
</svg>
		    
		        </h5>-->
		<script type="text/javascript" src="../js/Common.js"></script>
		<script src="../js/mui.min.js"></script>
		<!-- Swiper JS -->
		<script src="../js/swiper.min.js"></script>
		<script type="text/javascript" src="../js/lib/template.js"></script>
		<script type="text/javascript" src="../js/lib/jquery-1.10.2.min.js"></script>

		<!-- Initialize Swiper -->
		<script>
		</script>
		<!--	<script>
			mui.init();
			(function($) {

				//第二个demo，向左拖拽后显示操作图标，释放后自动触发的业务逻辑
				$('#OA_task_2').on('slideleft', '.mui-table-view-cell', function(event) {
					var elem = this;
					var epar = elem.parentNode;

					epar.removeChild(elem);
				});
				//第二个demo，向右拖拽后显示操作图标，释放后自动触发的业务逻辑
				//第二个demo，向右拖拽后显示操作图标，释放后自动触发的业务逻辑
				$('#OA_task_2').on('slideright', '.mui-table-view-cell', function(event) {
					var elem = this;
					var epar = elem.parentNode;

					epar.removeChild(elem);
				
				});
			})(mui);
		</script>-->
		<script>
			$.getJSON('http://www.99990158.com/ajax/GetArticlePageList.aspx', {
				page: 1,
				size: 20,
				cid: 109,
				channel: 'laoshi',
				sort: 'add_time desc',
				status:0
			}, function(res) {

				var t = document.getElementById('model').innerHTML;
				var res = tmpl(t, res.data, tmpl_count(res.data), tmpCallBack);

				document.getElementsByClassName('swiper-wrapper')[0].innerHTML = res;

				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					effect: 'coverflow',
					grabCursor: true,
					nextButton: '.swiper-button-next',
					prevButton: '.swiper-button-prev',
					loop: true,
					slidesPerView: 1,
					centeredSlides: true,
				});

			});

			function tmpCallBack(a, b) {

				switch(b[1]) {
					case "title":
						return substrC(a.title, 20);
						break;
					case "zhaiyao":
						return substrC(a.zhaiyao, 50);

						break;

					case "img_url":
						return setPre(a.img_url);
						break;

					default:

						break;
				}
				return '';
			}
		</script>
	</body>

</html>